// // 1.定义函数发送ajax请求
// function fn() {
//   $.ajax({
//     method: 'GET',
//     url: '/my/article/cates',
//     success: res => {
//       // console.log(res);  
//       // 如果发送成功的话 调用compleate函数
//       var htmlstr = template('abc', res)
//       $('tbody').html(htmlstr)
//     }
//   })
// }
// 进行调用
// fn()
$(function () {
  // 引入layui
  var layer = layui.layer

  initArtCateList()

  // 获取文章分类的列表
  function initArtCateList() {
    $.ajax({
      method: 'GET',
      url: '/my/article/cates',
      success: function (res) {
        var htmlStr = template('tpl-table', res)
        $('tbody').html(htmlStr)
      }
    })
  }
  //  1.给表单添加点击事件
  var index = null

  $('#btnAddCate').on('click', function () {

    index = layer.open({
      type: 1,
      area: ['500px', '250px'],
      title: '添加文章分类',
      content: $('#dialog-add').html()
    })
  })
})


// 1.给表单添加submit事件
$('body').on('submit', 'form-add', function (e) {
  //  2.阻止事件的默认行为 
  e.preventDefault()
  // 3.发送ajax请求
  $.ajax({
    method: 'POST',
    url: '/my/article/addcates',
    data: $(this).serialize(),
    success: res => {
      if (res.status !== 0) layer.msg('新增分类失败');
      layer.msg('新增分类成功')

      // 4.根据索引号删除
      layer.close(index)
      // 渲染 
      initArtCateList()
    }
  })





  // 入口函数标记
})
// 删除功能开始 

$('tbody').on('click', '.btn-delete', function () {
  // 2.得到这个元素的id
  var id = $(this).attr('data-id')
  // console.log(id);
  // 3.提示用户是不是要删除
  window.confirm('确定要删除吗？')
  // 4.发送ajax请求
  $.ajax({
    method: 'GET',
    url: '/my/article/deletecate/' + id,
    success: res => {
      console.log(res);
      if (res.status !== 0)
        return layer.msg('删除失败');
      // 发送成功的话
      layer.msg('删除成功');
      // 5.关闭模态框
      layer.close(index)
      // 6.重新渲染页面

      initArtCateList()
    }

  })


})




//////////////////////////////////////////////////////




// 编辑功能
var indexa = null
$('tbody').on('click', '.btn-edit ', function () {
  indexa = layer.open({
    type: 1,
    area: ['500px', '250px'],
    title: '添加文章分类',
    content: $('#dialog-edit').html()
  })


  // 获取id属性
  var id = $(this).attr('data-id')
  // 发起ajax请求
  $.ajax({
    method: 'post',
    url: '/my/article/cates/' + id,
    success: function (res) {
      form.val('form-edit', res.data)
    }

  })

  // 发送ajax请求 跟新数据
  $('body').on('submit', '#form-edit', function (e) {
    e.preventDefault()
    $.ajax({
      method: 'POST',
      url: '/my/article/updatecate',
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('更新分类数据失败！')
        }
        layer.msg('更新分类数据成功！')
        layer.close(indexa)
        initArtCateList()
      }
    })
  })

})